<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Tipo pedido">
    <meta name="author" content="Dew Masters">
	
	 <title>Selecci&oacute;n Tipo Pedido</title>
	 
	<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.0.css">
	<link rel="stylesheet" href="temas/clasico.css">
	
	<script src="js/jquery-1.9.1.js"></script>
	<script src="js/jquery.mobile-1.3.0.js"></script>	
	<script type="text/javascript">
		
			function enviar() {
				var tipo = $("#cancion").val();				
				$('#formPedido').attr('action','canciones.html');
			};
	
	</script>	
</head>
<body>

<div data-role="page" id="pagina" data-theme="a">
    <div data-role="header">
		KARAOKE.PE
    </div>
    <div data-role="content">			
	
		<form name="formPedido" id="formPedido" action="" method="post" data-ajax="false">		
			<ul data-role="listview">
				<fieldset data-role="controlgroup">
					<legend>Seleccione el tipo de pedido</legend>
					<input type="radio" name="tipopedido" id="cancion" checked="checked">
					<label for="cancion">Canci&oacute;n</label>
					<input type="radio" name="tipopedido" id="producto">
					<label for="producto">Producto</label>
				</fieldset>
			</ul>

			<br/>
			<input id="BotonEnviar" type="submit" value="Enviar" data-icon="check" data-theme="a" onclick="enviar();"/>
		</form>
		
    </div>
    <div data-role="footer">
		© Masters Group 2013 - UPC
    </div>
</div>


</body>
</html>